/* hallo */

.view {
    height: 100%;
    position: relative;
    .nav {
        display: flex;
        flex-wrap: wrap;
        padding: 10px;
        a {
            width: 33.33%;
        }
    }
    .active {
        padding: 10px;
        a:nth-child(1) {
            width: 67%;
            float: left;
        }
        a:nth-child(2) {
            width: 33%;
            float: right;
        }
        a:nth-child(3) {
            width: 67%;
            float: left;
        }
    }
    .brand_list {
        padding: 10px 10px 0 10px;
        .brand_content {
            display: flex;
            flex-wrap: wrap;
            a {
                width: 25%;
            }
        }
        .brand_s_content {
            ul {
                list-style: none;
                margin: 0;
                padding: 0;
                display: flex;
                flex-wrap: wrap;
                justify-content: space-between;
                li {
                    width: 49%;
                    text-align: center;
                    border: 1px solid #ccc;
                    padding: 10px 0;
                    margin-bottom: 5px;
                    .goods_name {
                        font-size: 14px;
                        color: #888;
                        overflow: hidden;
                        height: 40px;
                    }
                    .goods_price {
                        .new_price {
                            font-size: 13px;
                            color: red;
                        }
                        del {
                            font-size: 12px;
                            color: #888;
                        }
                    }
                }
            }
        }
    }
}